<template>
    <div style="width:100%; height:180px; background-color: #F2F6FC; border-top: 1px solid #DCDFE6;">
        <el-row style="height: 85%; margin-bottom: 0;">
            <el-col :span="11" :offset="1">
                <div style="width: 100%; height: 100%; padding: 1px;">
                    <el-image src="../../static/img/city.png" alt="" fit="cover"
                              style="margin-top:7%;margin-left: 5%"></el-image>
                </div>
            </el-col>
            <el-col :span="7" :offset="3">
                <!--<div style="width: 100%; height: 100%;padding: 1px;">-->
                <!--TEL-->
                <!--</div>-->
                <el-form>
                    <br>
                    <el-form-item label="Contact With Me" id="item1">
                    </el-form-item>
                    <el-form-item label="add" class="item2">
                        <p>abab</p>
                    </el-form-item>
                    <el-form-item label='Email' class="item2">
                        <p>jiaruihz@foxmail.com</p>
                    </el-form-item>
                    <el-form-item label="联系电话" class="item2">
                        <p>+86-12345678</p>
                    </el-form-item>
                </el-form>
            </el-col>

        </el-row>
        <el-row style="height: 10%; margin-bottom: 0;text-align: center">
            <p style="color: #313133; margin-bottom: 0;display: inline-block">版权所有Copyright © Jeremy</p>
        </el-row>
    </div>
</template>

<script>

</script>

<style scoped>
    .el-form-item {
        margin-bottom: 0px;
    }

    /*#item1 .el-form-item__label {*/
    /*    text-align: right;*/
    /*    vertical-align: middle;*/
    /*    float: left;*/
    /*    font-size: 20px;*/
    /*    color: #2d2f33;*/
    /*    line-height: 60px;*/
    /*    padding: 0 12px 0 0;*/
    /*    -webkit-box-sizing: border-box;*/
    /*    box-sizing: border-box;*/
    /*}*/

    /*.item2 .el-form-item__label {*/
    /*    text-align: right;*/
    /*    vertical-align: middle;*/
    /*    float: left;*/
    /*    font-size: 15px;*/
    /*    color: #2d2f33;*/
    /*    line-height: 30px;*/
    /*    padding: 0 12px 0 0;*/
    /*    -webkit-box-sizing: border-box;*/
    /*    box-sizing: border-box;*/
    /*}*/
    /*.el-form-item__content {*/
    /*    line-height: 30px;*/
    /*    position: relative;*/
    /*    font-size: 15px;*/
    /*    color: #313133;*/
    /*}*/
    p {
        margin-bottom: 0px;
    }
</style>
